.top-button-box {
  min-width: 160px;
  height: 36px;
  line-height: 36px;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  text-align: center;
  color: #ffffff;
  background-color: $blue;
  font-size: 16px;
  cursor: pointer;

  .iconfont {
    margin-right: 6px;
  }
}
// 日期中间-样式
.date-line {
  margin: 0px 4px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 18px;
}
// 弹层文本框样式
.my-form-box {
  .el-form-item__content {
    width: 270px;
    flex: none;
  }
  .el-form-item__label {
    white-space: nowrap;
  }
  .el-input,
  .el-select,
  .el-textarea {
    width: 100%;
  }
}
.my-form-box2 {
  .el-form-item__content {
    width: 180px;
    flex: none;
  }
  .el-form-item__label {
    white-space: nowrap;
  }
  .el-input,
  .el-select,
  .el-textarea {
    width: 100%;
  }
  .all-width {
    .el-form-item__content {
      width: 100%;
      flex: 1;
    }
  }
}
// 表格按钮样式
.table-btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  .el-button {
    margin: 0px !important;
    padding: 0 !important;
    color: #558df7 !important;
  }

  .el-button:not(:last-child) {
    margin-right: 12px !important;
  }

  .el-button {
    &:hover {
      color: #558df7 !important;
    }
    .text:hover {
      border-bottom: 2px solid $blue !important;
    }

    .iconfont {
      margin-right: 5px;
    }
  }
  .disable-btn {
    color: #999999 !important;
    &:hover {
      color: #999999 !important;
    }
    .text:hover {
      border-bottom: 2px solid #999999 !important;
    }
  }
}
.message-text {
  color: $blue;
  font-size: 13px;
  white-space: nowrap;
}
// 更多操作按钮样式修正
.more-btn-box {
  flex-direction: column;
  .el-button:not(:last-child) {
    margin-right: 0px !important;
    margin-bottom: 10px !important;
  }
  .el-button {
    .text:hover {
      border-bottom: 1px solid #558df7 !important;
    }
  }
}
.el-button.is-plain {
  color: $--color-primary;
  border-color: $--color-primary;
}
.my-container-box {
  height: 100%;
  overflow-y: hidden;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  padding: 10px 18px;
  box-sizing: border-box;
}
.my-content-box {
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  box-sizing: border-box;
  opacity: 1;
  padding: 10px 18px;
}
.page-container {
  background-color: #fff;
  margin-top: 14px;
  padding: 16px;
  border-radius: $default-border-radius;
}

.text-line {
  font-size: 14px;
  color: $blue;
  border-bottom: 1px solid $blue;
  cursor: pointer;
}
.my-tab-box {
  margin: 18px 0px;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 18px;
  border-bottom: 1px solid #ccc;
  .tab-item {
    font-size: 16px;
    padding-bottom: 9px;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    color: #999999;
    &:not(:last-child) {
      margin-right: 25px;
    }
  }
  .active {
    color: $blue;
    border-bottom: 2px solid $blue;
  }
}
.my-detail-box {
  height: 100%;
  .icon-box {
    font-size: 16px;
    color: #666666;
    cursor: pointer;
    .iconfont {
      margin-right: 4px;
    }
  }
  .detail-item-box {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
  }
  .detail-item {
    width: 33%;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding-bottom: 9px;
    .label {
      padding-right: 4px;
      color: #999999;
    }
    .text {
      color: #333333;
    }
    .img-box {
      display: inline-block;
      width: 130px;
      img {
        width: 100%;
      }
    }
  }
  .reason-item {
    width: 100% !important;
    border-bottom: 1px solid #ccc;
    margin-bottom: 9px;
  }
  .detail-btn {
    .btn {
      width: 101px;
      height: 31px;
      line-height: 31px;
      text-align: center;
      border-radius: 4px 4px 4px 4px;
      box-sizing: border-box;
      cursor: pointer;
      .iconfont {
        margin-right: 4px;
      }
      &:not(:last-child) {
        margin-right: 9px;
      }
    }
    .btn-reject {
      background: #feeded;
      border: 1px solid #fc554e;
      color: #fc554e;
    }
    .btn-approve {
      background: rgba(85, 141, 247, 0.1);
      border: 1px solid $blue;
      color: $blue;
    }
  }
}
